<template>
	<view >
		
		<view>
			<view style="text-align: center;margin-top: 100rpx;"> <image :src="routerwxcodeimg" style="width: 450rpx;height: 450rpx;border-radius: 20rpx;text-align: center;"></image> </view>
			
			<view @click="savePosterPathMp" style="width: 80%;margin: 0 auto;height: 80rpx;background-color: #2c5fe2;border-radius: 20rpx;line-height: 80rpx;text-align: center;color: #fff;margin-top: 100rpx;">保存推广二维码</view>
			
		</view>
		
	</view>
</template>

<script>
	import {
		getwxtuiguangCode
	} from '@/api/user.js';
	export default {

		data() {
			return {
				routerwxcodeimg:''
			};
		},

		onShow() {
			this.getwxtuiguangCode();
		},
		onHide() {
			uni.hideLoading();
		},

		methods: {
			
			savePosterPathMp() {
							
							
				var that = this
				
				wx.downloadFile({
				  url: that.routerwxcodeimg, // 要下载的图片URL
				  success: function(res) {
					if (res.statusCode === 200) {
					  // 图片下载成功后，调用保存接口
					  wx.saveImageToPhotosAlbum({
						filePath: res.tempFilePath, // 临时文件路径
						success: function() {
						  // 保存成功的回调，给用户一个反馈
						  wx.showToast({
							title: '保存成功！',
							icon: 'success',
						  });
						},
						fail: function(err) {
						  // 保存失败的回调
						  wx.showToast({
							title: '保存失败，请重试！',
							icon: 'none',
						  });
						  console.error('保存失败：', err);
						}
					  });
					}
				  },
				  fail: function(err) {
					// 下载失败的处理
					wx.showToast({
					  title: '下载失败，请重试！',
					  icon: 'none',
					});
					console.error('下载失败：', err);
				  }
				});
				
				
			},
			
			getwxtuiguangCode: function () {
				
				uni.showLoading({
					title: '加载中',
					mask: true,
				});
				 
				
				let that = this;
				getwxtuiguangCode({}).then((res) => {
					console.log('777777777777777777');
					console.log(res);
					console.log('777777777777777777');
					that.routerwxcodeimg = res.data.url
					setTimeout(function () {
						uni.hideLoading();
					}, 2000);
				});
			},
			
		}
	}
</script>

<style >
	page{
		background-color: #dbdbdb;
	}
</style>
